<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>

<body>
    <!-- 
        1.一个重要的内置关系: VueComponent.prototype._proto_ === Vue.prototype
        2.为什么要有这个关系:让组件实例对象（vc）可以访问到Vue原型上的属性、方法。 
    -->
    <div id="app"></div>
    <script>
        //配置完全局配置之后再创建Vue实例,关闭Vue的生产提示标识
        Vue.config.productionTip = false;
        
        //定义一个构造函数
        function Demo(){
            this.a=1;
            this.b=2;
        }

        //创建一个Demo实例对象
        const d = new Demo();

        console.log(Demo.prototype);//显示原型属性

        console.log(d.__proto__);//隐式原型属性

        console.log(Demo.prototype===d.__proto__);

        //程序员通过显示原型属性操作一个原型对象，追加一个x属性，值为99
        Demo.prototype.x=99;

        console.log('@',d);
    </script>
</body>

</html>